<template>
    <div class="container">
        <dynamic-panel-1
                v-if="dynamicStatus === 1 && dynamicList.length"
        ></dynamic-panel-1>
        <dynamic-panel-2
                v-else-if="dynamicStatus === 2 && dynamicList.length"
        ></dynamic-panel-2>
    </div>
</template>

<script>
    import dynamicPanel1 from "../dynamics/component/dynamic-panel-1.vue";
    import dynamicPanel2 from "../dynamics/component/dynamic-panel-2.vue";

    export default {
        data() {
            return {
                dynamicStatus: 2,
                dynamicList: [""]
            };
        },
        components: {
            dynamicPanel1,
            dynamicPanel2
        }
    };
</script>

<style lang="less" scoped>
    .container {
        min-height: 100%;
        height: auto;
    }
</style>
